<template>
    <div class='content'>
        <div class="profile_page">
                <head-top  :go-back='goBack'  :head-title="profiletitle"></head-top>
        </div>
        <titlebar :title-left="noData" v-if="performanceVos.length==0"></titlebar>
         <div class="formContain" v-for="(performanceVo,key) in performanceVos"  :key="key" v-if="performanceVos.length>0">
            <titlebar :title-left='performanceVo.a299200+"年考核结果"'></titlebar>
            <ul>
                <li class="flex" >
                    <div>
                        <img class="align_middle" src="@/assets/images/img/performance1.png" alt="">
                        <span class="align_middle">考评类型</span>
                    </div>
                    <span >
                        {{performanceVo.a299201}}
                    </span>
                </li>
                <li class="flex">
                    <div>
                        <img class="align_middle" src="@/assets/images/img/performance2.png" alt="">
                        <span class="align_middle">考评分数</span>
                    </div>
                    <span >
                        {{performanceVo.a299202}}
                    </span>
                </li>
                <li class="flex">
                    <div>
                        <img class="align_middle" src="@/assets/images/img/performance3.png" alt="">
                        <span class="align_middle">考评结果</span>
                    </div>
                    <span >
                         {{performanceVo.a299203}}
                    </span>
                </li>
            </ul>

         </div>
    </div>
</template>

<script>
    import headTop from '@/components/header/head'
    import titlebar from '@/components/titlebar3/titlebar3';
     import {getPerformance} from '@/service/getData';
    import {getStore,getDefault} from '@/assets/config/mUtils';
    export default {
    	data(){
            return{
                profiletitle:'我的绩效',
                goBack:true,
                performanceVos:'',
                noData:'暂无考核数据'
            }
        },
        mounted(){
          var data = getDefault();
          data.id = "JHWY20160701421";
            getPerformance(data).then(res => {
              this.performanceVos = res.data.performanceVos;
              console.log(res)
            })
        },
        props: ['imgSrc', 'menuTitle'],
        components:{
            headTop,
            titlebar
        },
        methods:{

        }
    }

</script>

<style lang="scss" scoped>
    @import '../../assets/style/mixin';
    @import '../../assets/style/public';
    .formContain{
        ul{
            padding: 0  .72rem;
            background: #fff;
            li{
                justify-content: space-between;
                align-items: center;
                line-height: 1.8rem;
                border-bottom: 1px solid #e0e0e0;
                padding: 0 .4rem;
                &:nth-last-of-type(1){
                    border-bottom: none;
                }
                div{
                    span{
                        color: #666;
                    }
                }
                img{
                    width: .84rem;
                }
                span{
                    font-size: .56rem;
                    color: #333;
                }
            }
        }
    }
</style>
